<template>
<p1>属性绑定指令</p1>
  <input type="text" value="kk">
  <input type="text" value="uname">
  <input type="text" v-bind:value="uname">
  <input type="text" :value="uname">
  <hr>
  <a href="url">百度</a>
  <br>
  <a :href="url">百度</a>
</template>

<script setup>
//定义响应式变量
import {ref} from "vue";

const uname = ref('rose');
const url = ref('https://www.baidu.com');
</script>

<style scoped>

</style>
